<template>
  <div class="mb-20" style="padding-top:44px;">
    <NavBar />
    <div class="flex justify-center">
      <div class="container-width">
        <div class="main">
          <div class="nav">
            首页 / 用户协议
          </div>
            <div class="text-center mb-3" style="font-size: 36px;font-weight: 500;color: #000000;line-height: 50px;letter-spacing: 2px;">用户协议</div>
          <div v-html="content"></div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { getFuWenBen } from "@/api/common"
import NavBar from "@/components/NavBar.vue"

export default {
	name: 'DisclaimerView',
  components: {
    NavBar
  },
  data() {
    return {
      content: ''
    }
  },
  created() {
    getFuWenBen(1).then(response => {
      this.content = response.data
    })
  }
}
</script>

<style lang="scss">
.main .nav {
  font-size: 0.625rem;
  font-family: PingFangHK-Regular, PingFangHK;
  font-weight: 400;
  color: #A4A8AF;
  margin-top: 0.8125rem;
}
</style>